<template>
  <div>
    <div class="record-title">督脉熏蒸治疗告知书</div>
    <div class="patient-info center">
      <div class="info-row">
        <span class="info-item">
          <span class="underline">123</span>女士/男士/儿童：
        </span>
      </div>
    </div>
    <div class="instructions center" style="margin-top: 0px;padding-top: 0px;">
      <p class="section-title" style="margin-top: 0px;">一、适应症：</p>
      <p class="section-title" style="margin-top: 0px;">成人型</p>
      <ol>
        <li>颈椎病、腰椎病、腰肌劳损、腰部软组织扭伤、脊柱亚健康、痛症等。</li>
        <li>痛经、月经不调、月经稀少、慢性盆腔炎、人流后、产后康复、肥胖等。</li>
        <li>皮肤瘙痒、痤疮、湿气重、大便粘稠、头身困重、睡眠障碍、胃肠功能紊乱、风湿疼痛、亚健康调理等。</li>
      </ol>
      <p class="section-title">儿童型</p>
      <ol>
        <li>生长发育迟缓、遗尿、夜啼等。</li>
        <li>慢性胃炎、小儿厌食、胃肠功能紊乱，慢性腹泻等。</li>
        <li>慢性支气管炎、过敏性鼻炎、反复呼吸道感染、体虚感冒、慢性咳嗽等。</li>
      </ol>
      <p class="section-title">二、禁忌症：</p>
      <ol>
        <li>三岁以下儿童</li>
        <li>孕妇及月经期妇女</li>
        <li>发热、重症高血压、心脏病、急性脑血管意外、急慢性心功能不全者、恶性肿瘤、皮肤病、严重精神病患者、凝血功能障碍的患者。</li>
        <li>开放性创口、感染性病灶、年龄过大或体质特别虚弱的人。</li>
        <li>使用过敏性药物。</li>
        <li>意识不清或使用部位感觉障碍者。</li>
      </ol>
      <p class="section-title">三、温馨提示：</p>
      <ol>
        <li>空腹及饭后半小时内不宜中药熏蒸；</li>
        <li>熏蒸治疗时间为30-40分钟（可根据耐受程度、年龄、季节、温度而调整）；</li>
        <li>中药熏蒸时若感觉温度过低、过高、有头晕、胸闷、心慌等不适反应，请及时按铃通知护士</li>
        <li>中药熏蒸结束后请及时擦干身体，可饮用一杯温水，休息片刻无不适方可离开。走出室外应注意保暖，2小时内不宜洗澡。</li>
        <li>中药熏蒸后皮肤出现微红、痒、蚁行感属于正常现象，如您皮肤出现红疹、水疱等不适为过敏反应，应暂停治疗并进一步处理。</li>
        <li>童熏蒸时，至少要有1名家长全程陪同。</li>
        <li>如有特殊需求，请咨询医师。</li>
      </ol>
      <p class="section-title" style="text-indent: 2rem;">以上情况已被告知并理解，同意进行治疗。</p>
      <!-- 签名区域 -->
      <div class="signature center section-title">
        <div class="signature-row" style="text-align: center; margin-bottom: 30px;margin-top: 30px;">
          <span>被治疗者签名：</span>
          <input type="text" placeholder="请输入">
          <span>治疗师签名</span>
          <input type="text" placeholder="请输入">
        </div>
        <div class="signature-row">
          <span>时间：</span>
          <input type="text" style="width: 50px;">
          <span>年</span>
          <input type="text" style="width: 50px;">
          <span>月</span>
          <input type="text" style="width: 50px;">
          <span>日</span>
          <input type="text" style="width: 50px;">
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: '',
  data() {
    return {
    }
  },
  methods: {
  },
}
</script>
<style lang="scss" scoped>
.center {
  width: 80%;
  margin: 0 auto;
}

.record-title {
  font-size: 27px;
  font-weight: bold;
  text-align: center;
  margin: 20px 0;
}

.patient-info {
  margin-top: 20px;
}

.info-row {
  display: inline-block;
  padding-bottom: 15px;
}

.info-item {
  display: inline-block;
  margin: 0 20px;
  font-size: 18px;
  font-weight: bold;
}

.underline {
  display: inline-block;
  min-width: 120px;
  border-bottom: 1px solid #666;
  margin-left: 8px;
  text-decoration: none;
  text-align: center;
}

.instructions {
  font-size: 18px;
  line-height: 1.6;
  padding: 20px;
  border-radius: 5px;
}

.instructions p {
  margin-bottom: 10px;
}

.instructions ol {
  padding-left: 20px;
}

.instructions li {
  margin-bottom: 10px;
}

.section-title {
  font-size: 19px;
  margin: 25px 0 15px;
  padding-left: 10px;
  font-weight: bold;
}

.footer {
  min-height: 20px;
  display: flex;
  align-items: center;
  margin-right: 20px;
  margin-bottom: 20px;
  font-size: 18px;
}

// 去除input样式
input {
  border: none;
  text-align: center;
  width: 100%;
}

input[type=text]:focus {
  outline: none;
}

.signature {
  text-align: right;
  font-size: 17px;
  margin-bottom: 40px;
}

.signature-row {
  margin: 10px 0;
}

input {
  border: 0;
  border-bottom: 1px solid #000;
  width: 120px;
  margin-left: 5px;
}
</style>
